.mm-nav {
    border-top: 20px solid #efefef;
    border-bottom: 10px solid #efefef;
    padding: .266667rem /* 20/75 */;
    ul {
        overflow: hidden;
        li {
            text-align: center;
            float: left;
            width: 25%;
            margin-bottom: .266667rem /* 20/75 */;
            a {
                width: 100%;
                img {
                    width: 1.866667rem /* 140/75 */;
                }
                p {
                    font-size: .32rem /* 24/75 */;
                }
            }
        }
    }
}

.mm-recommend {
    height: .933333rem /* 70/75 */;
    background-color: #ff841d;
    padding: .2rem /* 15/75 */;
    .recommend-left {
        font-size: .4rem /* 30/75 */;
        color: #fff;
    }
    .recommend-right {
        span {
            font-size: .466667rem /* 35/75 */;
            color: #fff;
        }
    }
}

.mm-product {
    // padding: .4rem /* 30/75 */;
    .item {
        width: 100%;
        height: 3.413333rem /* 256/75 */;
        border-bottom: .026667rem /* 2/75 */ solid #f1f1f1;
        padding: .266667rem /* 20/75 */ 0;
        .pro-left {
            width: 40%;
            height: 100%;
            text-align: center;
            // background-color: green;
            img {
                width: 2.666667rem;
                height: 2.666667rem;
                line-height: 100%;
            }
        }
        .pro-right {
            width: 60%;
            position: relative;
            span {
                font-size: .32rem;
            }
            .out {
                 text-overflow: -o-ellipsis-lastline;
                 overflow: hidden;
                 text-overflow: ellipsis;
                 display: -webkit-box;
                 -webkit-line-clamp: 2;
                 line-clamp: 2;
                 -webkit-box-orient: vertical;
            }
            .in {
                color: #ff761a;
            }
            p {
                position: absolute;
                left: 0;
                font-size: .186667rem /* 14/75 */;
                span {
                    font-size: .186667rem /* 14/75 */;
                }
            }
            .base {
                margin-top: 1.266667rem
                /* 50/75 */
                ;
                .right {
                    font-size: .16rem /* 12/75 */;
                }
            }
        }
    }
}

.mm-more {
    padding: .13rem .13rem 0 .13rem;
    border-bottom: .266667rem /* 20/75 */ solid #f1f1f1;
    a {
        display: block;
        height: .8rem /* 60/75 */;
        text-align: center;
        line-height: .8rem /* 60/75 */;
        background-image: linear-gradient(#ffffff, #f4f4f4);
        color: #000;
    }
}

.mm-brand {
    height: .933333rem;
    background-color: #ff841d;
    padding: .2rem;
    .brand-left {
        font-size: .4rem;
        color: #fff;
    }
    .brand-right {
        span {
            font-size: .466667rem;
            color: #fff;
        }
    }
}
